<template>
   <div>
     <top></top>
     <!-- ***** Header Area Start ***** -->

     <!-- ***** Header Area End ***** -->
  <navs></navs>
     <!-- ***** Main Banner Area Start ***** -->
     <!-- ***** Main Banner Area Start ***** -->
     <section class="section main-banner" id="top" data-section="section1">
       <img src="../../assets/images/主页.jpg">

       <div class="video-overlay header-text">
         <div class="container">
           <div class="row">
             <div class="col-lg-12">
               <div class="caption">
                 <h6>你好学生</h6>
                 <h2>欢迎来到社团招新</h2>
                 <p>体验大学丰富生活，可以来社团</p>
                 <div class="main-button-red">
                   <div><a href="#/teamlist">加入社团</a></div>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </section>


     <foot></foot>



   </div>
</template>

<script>
  import top from '../qdutils/top/top'
  import navs from '../qdutils/navs/index'
  import foot from '../qdutils/footer/index'
  export default {
    name: "index",
    components:{top,navs,foot}
  }
</script>

<style scoped>

  @import "../../vendor/bootstrap/css/bootstrap.min.css";
  @import "../../assets/css/templatemo-edu-meeting.css";
</style>
